<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            #li1{color: green}
            .c1{color: yellow}
            /*body>input{background-color: red} !*这个包含全部的input(还有password)*!*/
            input[type="text"],body>p{background-color: red}
            body>div>div>p{color: pink}
            body div div p{background-color: yellow}
            a:link{color: green}
            a:visited{color: red}
            a:hover{color: yellow}
            a:active{color: pink}
        </style>


    </head>
    <body>
        <ul>
            <li >刘备</li>
            <li id="li1">关羽</li>
            <li class="c1">张飞</li>
        </ul>
        <p  >香蕉</p>
        <p class="c1" >苹果</p>
        <input type="text" >
        <input type="password">
        <div>
            <p>p1</p>
            <div>
                <p>p2</p>
                <div>
                    <div>
                        <p>p3</p>
                    </div>
                </div>
            </div>
            <a href="http://www.youku.com">优酷</a>
        </div>
    </body>
</html>